<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	<script type="text/javascript">
				function getData(){
					//创建核心对象
					let xhr=new XMLHttpRequest();
					//创建请求
					xhr.open("GET","data.txt",true)//true表示异步
					//发送请求
					xhr.send();
					//接收、解析、显示数据
					xhr.onreadystatechange=function(){
						if(xhr.readyState==4&&xhr.status==200){//请求完成,服务器正常
							let data=xhr.responseText//以文本的方式来接收数据
							document.querySelector("span").textContent=data
						}
					}
				}
			</script>
		</head>
		<body>
			异步请求到的数据是：<span></span><br>
			<button type="button" onclick="getData()">请求数据</button>
		</body>
	</html>